//定制请求的实例

//导入axios  npm install axios
import axios from 'axios';
import { ElMessage } from 'element-plus';
import { useTokenStore } from '@/stores/token';
//定义一个变量,记录公共的前缀  ,  baseURL
//const baseURL = 'http://localhost:8080';
const baseURL = '/api';
const instance = axios.create({ baseURL })

//添加请求拦截器
instance.interceptors.request.use(
  (config ) => {
    //请求前的回调
    //获取token
    const tokenStore = useTokenStore();
    if(tokenStore.token){
      config.headers.Authorization = tokenStore.token;
    }
    return config;

  },
  (err )=> {
    //请求失败的回调
    Promise.reject(err);
  });
// import {useRouter} from 'vue-router'
// const router = useRouter()
import router from '@/router/index.js'
//添加响应拦截器
instance.interceptors.response.use(
  result => {
    //判断业务状态码
    if(result.data.code=== 0){
      return result.data
    }
    //操作失败
    ElMessage.error(result.data.msg?result.data.msg:'服务异常')
    //异步的状态转化成失败的状态
    return Promise.reject(result.data);
  },
  err => {
    //判断响应状态码，若为401则为登录，提示登录，并跳转到登录页面
    if(err.response.status === 401){
      ElMessage.error('登录已过期，请重新登录')
      //跳转到登录页面
      router.push('/user/login')
     
    }
    else if(err.response.status === 403){
      ElMessage.error('没有权限')
      //跳转到登录页面
      router.push('/user/login')
    }
    else{
      ElMessage.error('服务异常')
    }
    return Promise.reject(err);//异步的状态转化成失败的状态
  }
)

export default instance;